<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>桃子的网站</title>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="header">

			<div class="nav">
				<a href="">Home</a>
				<a href="#work">Portfolio</a>
				<a href="">Blog</a>
				<a href="#about">About</a>
				<a href="">Contact</a>
			</div>
			
		</div>


		<div class="banner">
			<img src="img/bj.jpg" alt="" />
		</div>
		
		
		<!-- 关于我的标题 -->
		<div class="title">
			<div class="line"></div>
			<h1>关于我</h1>
			<div class="line"></div>
		</div>
		
		<!-- 关于我 -->
		<div id="about">
			<div class="about-img">
				<img src="img/bj.jpg" alt="">
			</div>

			<div class="about-text">
				<p>
					当然，请允许我介绍一下自己。我是一名计算机专业的大学生，对计算机科学和技术充满热情和好奇心。我正在学习各种编程语言、算法和数据结构，以及计算机网络和系统设计等相关领域的知识。
					我喜欢解决问题和探索新的技术，尤其对人工智能和机器学习很感兴趣。我参与过一些项目和实习，通过实际经验学习和应用课堂知识。在课余时间，我喜欢参加编程比赛和开发个人项目，这些活动帮助我提高编程能力和解决问题的技巧。
					未来，我希望能在计算机科学领域找到一个有挑战性和创新性的工作，为解决现实世界的问题贡献自己的力量。我的目标是不断学习和成长，保持对技术的热情，并通过技术改善人们的生活质量。
				</p>
			</div>
			
		</div>


		<!-- 我的作品标题 -->
		<div class="title">
			<div class="line"></div>
			<h1>我的作品</h1>
			<div class="line"></div>
		</div>

		<div id="work">
			<ul>
				<li>
					<img src="img/bj.jpg" alt="">
					<p>我的作品</p>
				</li>
				<li>
					<img src="img/bj.jpg" alt="">
					<p>我的作品</p>
				</li>
				<li>
					<img src="img/bj.jpg" alt="">
					<p>我的作品</p>
				</li>
				<li>
					<img src="img/bj.jpg" alt="">
					<p>我的作品</p>
				</li>
			</ul>
		</div>
	</body>
</html>